<!DOCTYPE html>
<html lang="en">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="../CSS/reset.css">
	<link rel="stylesheet" type="text/css" href="../CSS/style.css">
</head>
<body>
 <div class="market-header">
        <div class="wrapper">
            <a class="market-logo"></a>
            <ul class="mall-categories">
                 <li class="categories-item"><a href="#">饮食</a>
                     <div class="categories-box">
                         <div class="categories-sub-item">
                              <h1><a href="#">酒水</a></h1>
                              <ul>
                                  <li><a href="#">葡萄酒</a></li>
                                  <li><a href="#">白酒</a></li>
								  <li><a href="#">米酒</a></li>
                                  <li><a href="#">啤酒</a></li>
								  <li><a href="#">洋酒</a></li>
                                  <li><a href="#">其他</a></li>
                              </ul>
                         </div>   

                         <div class="categories-sub-item">
                              <h1><a href="#">地方特产</a></h1>
                              <ul>
                                  <li><a href="#">新疆</a></li>
                                  <li><a href="#">四川</a></li>
								  <li><a href="#">湖南</a></li>
                                  <li><a href="#">云南</a></li>
								  <li><a href="#">福建</a></li>
                                  <li><a href="#">北京</a></li>
								  <li><a href="#">东北</a></li>
                                  <li><a href="#">其他</a></li>
                              </ul>
                         </div>  
                          <div class="categories-sub-item">
                              <h1><a href="#">饮料冲剂</a></h1>
                              <ul>
                                  <li><a href="#">饮料</a></li>
                                  <li><a href="#">咖啡</a></li>
								  <li><a href="#">蜂蜜</a></li>
								  <li><a href="#">冲饮谷物</a></li>
                                  <li><a href="#">速溶</a></li>
								  <li><a href="#">牛奶</a></li>
                                  <li><a href="#">其他</a></li>
                              </ul>
                         </div>  
                          <div class="categories-sub-item">
                              <h1><a href="#">生鲜食品</a></h1>
                              <ul>
                                  <li><a href="#">新鲜水果</a></li>
                                  <li><a href="#">海鲜水产</a></li>
								  <li><a href="#">生肉禽蛋</a></li>
								  <li><a href="#">产地直供</a></li>
                                  <li><a href="#">其他</a></li>
                              </ul>
                         </div>  

                         <div class="categories-goods">
                               <a><img src="https://img3.doubanio.com/img/files/file-1477997727-0.png"></a>
                               <p class="over-hidden"> <a>台湾手工黑糖茶</a></p>
                         </div> 
                         <div class="clear"></div>
                     </div>
                 </li>
                  <li class="categories-item"><a href="#">服装</a>
                    <div class="categories-box">
                         <div class="categories-sub-item">
                              <h1><a href="#">男上装</a></h1>
                              <ul>
                                  <li><a href="#">外套</a></li>
                                  <li><a href="#">衬衫</a></li>
								  <li><a href="#">卫衣</a></li>
								  <li><a href="#">毛衣/针织衫</a></li>
                                  <li><a href="#">T恤/Polo衫</a></li>
								  <li><a href="#">大衣/风衣</a></li>
                                  <li><a href="#">马甲</a></li>
								  <li><a href="#">棉服/羽绒服</a></li>
                              </ul>
                         </div> 
						 
						 <div class="categories-sub-item">
                              <h1><a href="#">男下装</a></h1>
                              <ul>
                                  <li><a href="#">休闲裤</a></li>
                                  <li><a href="#">牛仔裤</a></li>
								  <li><a href="#">短裤</a></li>
                              </ul>
                         </div>    

                         <div class="categories-sub-item">
                              <h1><a href="#">裙装</a></h1>
                              <ul>
                                  <li><a href="#">连衣裙</a></li>
                                  <li><a href="#">半身裙</a></li>
								  <li><a href="#">礼服裙</a></li>
                              </ul>
                         </div>  
                          <div class="categories-sub-item">
                              <h1><a href="#">女下装</a></h1>
                              <ul>
                                  <li><a href="#">休闲裤</a></li>
                                  <li><a href="#">牛仔裤</a></li>
								  <li><a href="#">短裤</a></li>
								  <li><a href="#">紧身裤/打底裤</a></li>
                              </ul>
                         </div>  
                          <div class="categories-sub-item">
                              <h1><a href="#">女上装</a></h1>
                              <ul>
                                  <li><a href="#">外套</a></li>
                                  <li><a href="#">衬衫</a></li>
								  <li><a href="#">卫衣</a></li>
								  <li><a href="#">毛衣/针织衫</a></li>
                                  <li><a href="#">T恤/Polo衫</a></li>
								  <li><a href="#">大衣/风衣</a></li>
                                  <li><a href="#">马甲</a></li>
								  <li><a href="#">棉服/羽绒服</a></li>
                              </ul>
                         </div>  

                         <div class="categories-goods">
                               <a><img src="https://img3.doubanio.com/img/files/file-1478758742-0.jpg"></a>
                               <p class="over-hidden"> <a>羊毛混纺针织衫</a></p>
                         </div> 
                         <div class="clear"></div>
                     </div>
                  </li>
                   <li class="categories-item"><a href="#">配饰</a>
				        <div class="categories-box">
                         <div class="categories-sub-item">
                              <h1><a href="#">挂件</a></h1>
                              <ul>
                                  <li><a href="#">钥匙扣</a></li>
                                  <li><a href="#">手机壳</a></li>
                              </ul>
                         </div> 
						 
						 <div class="categories-sub-item">
                              <h1><a href="#">其他</a></h1>
                              <ul>
                                  <li><a href="#">耳钉/耳环</a></li>
                                  <li><a href="#">男袜</a></li>
								  <li><a href="#">墨镜</a></li>
								  <li><a href="#">女袜</a></li>
								  <li><a href="#">眼镜</a></li>
                                  <li><a href="#">项链/吊坠</a></li>
								  <li><a href="#">头饰</a></li>
								  <li><a href="#">挂件/摆件</a></li>
                                  <li><a href="#">胸针/袖扣</a></li>
								  <li><a href="#">围巾/耳罩</a></li>
                                  <li><a href="#">腰带</a></li>
								  <li><a href="#">手链/戒指</a></li>
                              </ul>
                         </div>  

                         <div class="categories-goods">
                               <a><img src="https://img3.doubanio.com/img/files/file-1477997826-0.png"></a>
                               <p class="over-hidden"> <a>纯色流苏厚围巾</a></p>
                         </div> 
                         <div class="clear"></div>
                     </div>
                  </li>
				   
                   <li class="categories-item"><a href="#">包袋</a></li>
                   <li class="categories-item"><a href="#">鞋靴</a></li>
                   <li class="categories-item"><a href="#">美容护肤</a></li>
                   <li class="categories-item"><a href="#">家居</a></li>
                   <li class="categories-item"><a href="#">时间</a></li>
                   <li class="categories-item"><a href="#">更多</a></li>
            </ul>
            <div class="market-user fr">
                  <a><img src="../Images/user.jpg">个人中心</a>
                  <span >|</span>
                  <a>订单查询</a>
            </div>
            <div class="market-search fr">
                <form><input placeholder="找东西..." type="text" name=""></form>
                 <img src="../Images/record.png">
            </div>
            <div class="clear"></div>
        </div>
    </div>
	
     
</body>
</html>
